<template>
	<div class="magazine-img">
    <div class="padding-box" :style="this.styleObj">
      <!-- 分开展示 -->
      <ul class="magazine-img-box">
        <li v-for="(item, index) in advList" :key="index" :style="{marginBottom:tplItemData.margin+'px'}">
          <img :src="item.pic" />
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
export default Vue.extend({
  name: 'index',
  data() {
    return {
      advList: [],
      styleObj: {}
    }
  },

  props: {
    tplItemData: {
      type: Object // 传入参数的类型
    }
  },
  created() {
    // console.log(this.tplItemData, '44444imgAdv')
    this.advList = this.tplItemData.dataset
    this.styleObj.padding = this.tplItemData.modulePadding + 'px ' + (this.tplItemData.levelPadding ? this.tplItemData.levelPadding : '0') + 'px'
    // this.styleObj1.fontSize = this.tplItemData.fontSize + 'px'
  }
})
</script>

<style lang='scss'>
.magazine-img{
  .padding-box{
    .magazine-img-box{
      li{
        font-size:0;
        img{
          width:100%
        }
      }
    }
  }
}
</style>
